﻿<div class="search-container" ng-controller="ManageTagsController">
    <div class="form-inline" style="margin-bottom: 10px">
        <button class="btn btn-danger" ng-click="deleteSelected()">Delete</button>
        <input type="text" placeholder="Search for a tag..." ng-model="tagQuery"/>
        <div class="pull-right"><button class="btn btn-success">Save changes</button></div>
        <div class="clearfix"></div>
    </div>
    
    <table class="table table-striped">
        <tr>
            <th></th>
            <th>Name</th>
            <th></th>
        </tr>
        <tr ng-repeat="tag in tags | filter:tagQuery">
            <th><input type="checkbox" ng-model="tag.checked" /></th>
            <td>{{tag.name}}</td>
            <th><a href="javascript:;" ng-click="remove($index)">Delete</a></th>
        </tr>
    </table>
</div>